<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta http-equiv="Origin" content="*">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="../image/png">
  <title>欢迎模版页</title>
   <link href="../js/dropzone/css/dropzone.css" rel="stylesheet"/>
     <!--common css-->
  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/style-responsive.css" rel="stylesheet">
  <!--data table-->
  <link rel="stylesheet" href="../js/data-tables/DT_bootstrap.css" />
  <link rel="stylesheet" href="../css/goods.css">
  <link rel="stylesheet" type="text/css" href="../css/bootstrap-fileupload.min.css" />
  <link rel="stylesheet" href="../css/xue.css">
</head>
<body class="sticky-header" onload="indexmenu('${oneMenu}','${twoMenu}');">
<%@ include file="../index/index.jsp"%>
<section style="background:#eff0f4">
    <div class="main-content" >
    	<!-- 	地址栏 -->
		<div class="page-heading">
            <h3>
                	后台管理系统
            </h3>
            <ul class="breadcrumb">
                <li>
                    <a href="#">商城管理</a>
                </li>
                <li class="active">商品管理</li>
                <li class="active">上架商品</li>
            </ul>
        </div>    
        
        <!--内容开始的地方-->
		<section class="panel">
						<header class="panel-heading custom-tab turquoise-tab">
                            <ul class="nav nav-tabs" id="ulHead">
                                <li class="active">
                                    <a href="#addGoods" data-toggle="tab">商品上传</a>
                                </li>
                            </ul>
                        </header>
                        <div class="panel-body">
                            <div class="tab-content" id="tianjiashuxing">
                                <div id="addGoods" class="tab-pane active">
									<button name="addNewSeriesButton" class="btn btn-success btn-lg btn-block" type="button">上架新系列商品</button>
									<button name="addOldSeriesButton" class="btn btn-warning btn-lg btn-block" type="button">上架原有系列商品</button>										
                                </div>
                                <!--上架新系列  -->
                                <div id="addNewSeries" class="tab-pane">
                                	<h3>选择上传商品的类别:</h3>
									<button name="addBuYiLianButton" class="btn btn-success btn-lg btn-block" type="button" onclick="tianjiaStyleLocation()">布艺帘</button>
									<button name="addFinishShadeButton" class="btn btn-warning btn-lg btn-block" type="button" onclick="addChengPL()">成品帘</button>		
									<button name="addAccessButton" class="btn btn-success btn-lg btn-block" type="button" onclick="addPJ()">配件</button>								
                          		</div>
                 				<!--上架旧系列  -->
                                <div id="addOldSeries" class="tab-pane">
									<a href="/bukeManage/shoppingmall/toOldGoods.do?currentPage=1&state=0">上架已有商品</a>
                          		</div>   
                          		
								<!--商品信息上传  -->   
                              <div id="addGoodsDeatil" class="tab-pane">
                                <form id="sampleT" role="form" action="http://192.168.0.25:8080/bukeManage/shoppingmall/insert_Sample"  accept="">
                                <div class="row panel-body">
                                	<label style="margin-left:-33px;" class="only">型号：</label><input name="serialnumber"  style="margin-left:12px;" value="" id="serialnumber"/>
                                </div>
                                <input name="type" value="0" type="hidden"/>
                                <div class="row">
                                	<label style="font-weight:700;margin-left:-22px;" class="only">商品图片:</label>
                                	<input type="text" placeholder="请输入图片名称" name="sampleImg" style="margin-left:12px;padding-left:5px;"/>
                                </div>
	                                
                                	
									<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">品牌:</label>
	                                	<input type="text" name="brand"/>
                            		</div>
                            		
                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">代理商利润率:</label>
	                                	<input type="text" name="firstProfit"/>输入小数 例0.01
                            		</div>
                            		
                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">经销商利润率:</label>
	                                	<input type="text" name="fSProfit"/>输入小数 例0.01
                            		</div>
                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">推广员利润率:</label>
	                                	<input type="text" name="secondProfit"/>输入小数 例0.01
                            		</div>
                            		
                            		
                            		
                                	<div class="row panel-body">
										<label style="margin-left:-18px;" class="only">商品描述:</label>
		                                <input type="text" class="form-control" style="display:inline-block;width:500px;height:50px;" name="sampleDescribe" placeholder="商品描述">
		                            </div>		                       
									<div class="row" id="youliantou">
                                        <label class="only">帘头:</label>
                                       <label><input type="radio" name="swag" value="1" onchange="youliantou()"
                                        placeholder="单位:"/>　有</label>　
                                        <label><input type="radio" name="swag" value="0" onchange="wuliantou()" placeholder="单位:"/>　无　</label>
                                    </div>
                                    
                                    <div class="row">
                                        <label class="only">图片款式:</label>
                                        <label><input type="radio" name="" value="0" id="dakong" placeholder="单位:"/>　打孔</label>
                                        <label><input type="radio" name="" value="1" id="hanze" placeholder="单位:"/>　韩折　</label>
                                        
                                    </div>
                                    
                                    
                                    <div id="kuanshi" style="margin-left:16px;">
                                    </div>
                                    <div class="row">
                                        <label  class="only">结构:</label>
                                        <label><input type="radio" name="structore" value="0" />单布</label>
                                        <label><input type="radio" name="structore" value="1"/>单纱  </label>
                                        <label><input type="radio" name="structore" value="2"/>单布+单纱 </label> 
                                    </div>
                                        <!-- <label>类型:　</label>
                                        <input type="text"  name="type">
                                        <br/> -->
										
		                				<div id="fengge" class="row">
	            							<label class="only">风格:</label>
										</div>
										<div class="addButton">
	            							<input type="text" name="addTxt"/><i class="toAdd">添加</i><br>
	            							<span class="addBtn">+</span>
	            						</div>
										 <div id="changjing" class="row">
	            							<label class="only">适用场景:</label>
										</div>
										<div class="addButton1">
	            							<input type="text" name="addTxt"/><i class="toAdd1">添加</i><br>
	            							<span class="addBtn1">+</span>
	            						</div>　
	            						
                                        <div class="row">
                                        	<label class="only">限宽:</label>  
                                        	<input placeholder="最低" name="minWide">　~~　<input placeholder="最高" name="maxWide">                                            
                                        </div>
                                        <div class="row">
                                        	<label class="only">限高:</label>  
                                        	<input placeholder="最低" name="minHigh">　~~　<input placeholder="最高" name="maxHigh">    
		                				</div>
		                              
		                                <div class="row">
											<label class="only">是否可以安装:</label>
											<input type="radio" name="isInstall" value="1" id="" placeholder="单位:"/>
											<!-- <label for="danBu"></label> -->是
											<input type="radio" name="isInstall" value="0" id="" placeholder="单位:"/>
											<!-- <label for="danBu"></label> -->否
										</div>
		                                <div class="row">　	                                
			                                <label style="margin-left:-18px;" class="only">计价单位:　</label>
			                                <input type="text" id="fengmian" name="chargeUnit">
		                                </div>
		                                <div class="row">
			                                <label class="only">倍折:</label>  
			                                <input type="text" name="times_fold"> 倍
		                                </div>
		                                <div class="row">	　　	                                
		                                <label style="margin-left:-31px;" class="only">折边:</label>
		                                <input type="text" id="fengmian" name="hem">  米
		                                </div>
		                                <div class="row">
			                                <label class="only">安装方式:</label>  
			                                <label><input type="radio" name="installation" value="0" />顶装</label>
	                                        <label><input type="radio" name="installation" value="1"/>侧装 </label>
	                                        <label><input type="radio" name="installation" value="2"/>顶装和侧装</label>
			                             </div>
			                             <div class="row">
			                                <label class="only">大帘款型:</label>  
			                                <input type="text" name="model">
		                                </div>
		                                <div class="row">
		                                	<label class="only">遮光率:</label>  
		                                	<input type="text" name="shading">  %
		                                </div>　
		                                <div class="row">　	                                
		                                <label  style="margin-left:-16px;" class="only">洗涤说明:</label>  
		                                <input type="text" name="washing"/>
		                                </div>
		                                                    	
		                            	<div class="row">
		                                	<label style="font-weight:700;margin-left:-11px;" class="only">商品详情图片:</label>
		                                	<input type="text" class="addVal" placeholder="请输入图片名称" style="margin-left:12px;padding-left:5px;"/>
		                                	<input type="button" value="添加" class="addImg"/>
		                                </div>
		                                <div class="imgBox"></div>
								</form>
								<div id="rootDiv">
									<!-- 构成布料 -->
									
								</div>
                          		<div id="yidongde">                       							                       		                      		               
								 	<a class="btn btn-info btn-Next btn-NextOne">添加布料</a>
									<a id="buYiLianNext" class="btn btn-info btn-Next">提交商品信息</a>
								 	<!-- <a href="../shoppingmall/test.do" class="btn btn-info btn-Next">上传详情图片</a> -->
								</div>
                          </div>
                          	<!-- 成品帘 -->
                          <div id="addGoodsDeatil2" class="tab-pane">
                          		<form id="sampleT1" role="form" action="http://192.168.0.25:8080/bukeManage/shoppingmall/insert_Sample"  accept="">
	                                <div class="row">
	                                	<label style="margin-left:-18px;" class="only">型号：</label><input name="serialnumber"  style="margin-left:15px;" value="" id="serialnumber1"/>
	                                </div>
	                                <input name="type" value="1" type="hidden"/>
	                                	<div class="row">
		                                	<label style="font-weight:700;margin-left:-22px;" class="only">商品图片:</label>
		                                	<input type="text" placeholder="请输入图片名称" name="sampleImg" style="margin-left:15px;padding-left:5px;"/>
		                                </div>
		                               
	                                	
										<div class="panel-body row" style="padding-top:0;padding-bottom:0;">
		                                	<label style="margin-left:-21px;" class="only">品牌:</label>
		                                	<input type="text" name="brand" value=""/>
	                            		</div>
	                            		
	                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">代理商利润率:</label>
	                                	<input type="text" name="firstProfit"/>输入小数 例0.01
                            		</div>
                            		
                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">经销商利润率:</label>
	                                	<input type="text" name="fSProfit"/>输入小数 例0.01
                            		</div>
                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">推广员利润率:</label>
	                                	<input type="text" name="secondProfit"/>输入小数 例0.01
                            		</div>
	                                	<div class="panel-body row">
											<label style="margin-left:-18px;" class="only">商品描述:</label>
			                                <input type="text" class="form-control" style="display:inline-block;width:500px;height:50px;" name="sampleDescribe" placeholder="商品描述">
			                            </div>                      
		                				<div class="row">
		                					<label class="only">价格:</label>
		                					<input type="text" name="price">　
		                				</div>　
		                				
		                               
		                                <div class="row">
			                                <label class="only">材质:</label>  
			                                <input type="text" name="material">	　　
			                             </div>
			                             <div class="row">	                                
			                                <label class="only">计价单位:</label>
			                                <input type="text" id="fengmian" name="chargeUnit">
		                                </div>
		                                <div class="row">
			                                <label class="only">倍折:</label>  
			                                <input type="text" name="times_fold">  倍
			                            </div>
			                            <div class="row">　　	                                
			                                <label style="margin-left:-31px;" class="only">折边:</label>
			                                <input type="text" id="fengmian" name="hem">  米
			                            </div>
			                            <div class="row">
			                                <label class="only">厂家:</label>
			                                <input type="text" id="vender" name="supplier">
		                                </div>
		                                <div id="kinds" class="row">
	            							<label class="only">类别:</label>
										</div>
		                            
		                             	<div class="row">
		                               		 <label>　遮光率:　</label>  
		                                	<lable class="checkbox-inline">全遮光<input type="checkbox" value='全遮光' name="shading"></label>
		                                	<lable class="checkbox-inline">半遮光<input type="checkbox" value='半遮光' name="shading"></label>
		                               </div> 
		                               
		                               <div class="row">
		                                	<label style="font-weight:700;margin-left:-11px;" class="only">商品详情图片:</label>
		                                	<input type="text" class="addVal1" placeholder="请输入图片名称" style="margin-left:12px;padding-left:5px;"/>
		                                	<input type="button" value="添加" class="addImg1"/>
		                                </div>
		                                <div class="imgBox1"></div>
		                                <input type="button" value="提交" id="byBtn" style="margin:15px 0 15px 500px;background:lightblue;height:30px;border-radius:7px;font-size:16px;width:100px;color:#fff;border:0;"/>
								</form>
                          </div>
                          
                          	<!-- 配件 -->
                          	<div id="addGoodsDeatil3" class="tab-pane">
                          		<form id="sampleT2" role="form" action="http://192.168.0.25:8080/bukeManage/shoppingmall/insert_Sample"  accept="">
	                                <div class="row">
	                                	<label style="margin-left:-18px;" class="only">型号：</label><input name="serialnumber"  style="margin-left:12px;" value="" id="serialnumber2"/>
	                                </div>
	                                <div class="row session">
		                					<label style="margin-left:-18px;" class="only">类型：</label>
		                			</div>
		                			
	                                <input name="type" value="2" type="hidden"/>
	                                	<div class="row">
		                                	<label style="font-weight:700;margin-left:-22px;" class="only">商品图片:</label>
		                                	<input type="text" placeholder="请输入图片名称" name="sampleImg" style="margin-left:12px;padding-left:5px;"/>
		                                </div>
										<div class="row panel-body">
		                                	<label style="margin-left:-21px;padding-top:0;padding-bottom:0;" class="only">品牌:</label>
		                                	<input type="text" name="brand"/>
	                            		</div>
	                            		<div class="row panel-body">
	                                	<label style="margin-left:-24px;" class="only">代理商利润率:</label>
	                                	<input type="text" name="firstProfit"/>输入小数 例0.01
                            		</div>
                            		
	                            		<div class="row panel-body">
		                                	<label style="margin-left:-24px;" class="only">经销商利润率:</label>
		                                	<input type="text" name="fSProfit"/>输入小数 例0.01
	                            		</div>
	                            		<div class="row panel-body">
		                                	<label style="margin-left:-24px;" class="only">推广员利润率:</label>
		                                	<input type="text" name="secondProfit"/>输入小数 例0.01
	                            		</div>
	                                	<div class="row panel-body">
											<label style="margin-left:-18px;" class="only">商品描述:</label>
			                                <input type="text" class="form-control"  style="display:inline-block;width:500px;height:50px;" name="sampleDescribe" placeholder="商品描述">
			                            </div>	                     
		                				<div class="row">
		                					<label class="only">价格:</label>
		                					<input type="text" name="price">　<!-- @@@@ -->
		                				</div>　
		                				<div class="row">
		                					<label class="only">计价单位:</label>
		                					<input type="text" name="chargeUnit">　
		                				</div>
		                				<div class="row">
		                					<label class="only">安装方式:</label>
		                					<label><input type="radio" name="installation" value="顶装">顶装</label>
		                					<label><input type="radio" name="installation" value="侧装">侧装</label>
		                					<label><input type="radio" name="installation" value="顶装和侧装">顶装和侧装</label>
		                				</div>
		                				<div class="row">
		                                	<label style="font-weight:700;margin-left:-11px;" class="only">商品详情图片:</label>
		                                	<input type="text" class="addVal2" placeholder="请输入图片名称" style="margin-left:12px;padding-left:5px;"/> <!-- @@@@@@配件图片提交过来 字段 sampleImg -->
		                                	<input type="button" value="添加" class="addImg2"/>
		                                </div>
		                                <div class="imgBox2"></div>
		                                <input type="button" value="提交" id="pjBtn" style="margin:15px 0 15px 500px;background:lightblue;height:30px;border-radius:7px;font-size:16px;width:100px;color:#fff;border:0;"/>
								</form>
                          	</div>
                      </div>
                     </div>
			</section>               


		<!--内容结束的地方 -->
	</div>
</section>											
</body>
<!--file upload-->
<!--pickers plugins-->
<script type="text/javascript" src="../js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<!-- 引用初始化JS -->
<script src="../js/shoppingmall/addGoods.js"></script>
<script type="text/javascript" src="../js/bootstrap-fileupload.min.js"></script>
<!--common scripts for all pages-->
<!-- 表单提交js -->
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script type="text/javascript" src="../js/ajaxJs/formSubmit.js"></script>
<!-- <script type="text/javascript" src="../js/ajaxJs/allJs.js"></script> -->

</html>
